<template>
    <section>
        <header>
            <div>
                <h1>Список задач</h1>
            </div>
        </header>
    </section>
    <section>
        <article>
            <div>
                <div v-if="tasks">
                    <div v-for="task in tasks">
                        <div><Link :href="route('tasks.show', task.id)">{{ task.title }}</Link></div>
                    </div>
                </div>
            </div>
        </article>
    </section>
    <section>
        <footer>
        </footer>
    </section>
</template>
<script>
import { Link } from '@inertiajs/vue3'
export default {
    name: "Index",

    props: [
        'tasks'
    ],

    components: {
        Link
    }
}
</script>